/**
 * Copyright 2017-2022, Voxel51, Inc.
 */

.lookerRadio {
  border-radius: 50%;
}

/* Create a custom checkbox */
.lookerLabel input[type="radio"],
.lookerLabel input[type="checkbox"] {
  top: 0;
  left: 0;
  opacity: 0;
}

.lookerLabel .lookerRadio,
.lookerLabel .lookerCheckbox {
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background: transparent;
  margin-left: 1rem;
  border-radius: 3px;
}

.lookerLabel input[type="radio"]:checked ~ .lookerRadio {
  background: var(--fo-palette-primary-plainColor);
}
.lookerRadio:after {
  content: "";
  position: relative;
  display: none;
}
.lookerLabel input[type="radio"]:checked ~ .lookerRadio:after {
  display: block;
}

.lookerLabel input[type="checkbox"] ~ .lookerCheckbox {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24' fill='hsl(27, 95%, 49%)'%3E%3Cpath d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z' /%3E%3C/svg%3E");
}

.lookerLabel input[type="checkbox"]:checked ~ .lookerCheckbox {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24' fill='hsl(27, 95%, 49%)'%3E%3Cpath d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z' /%3E%3C/svg%3E");
}

.lookerLabel .lookerRadio:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fo-palette-text-primary);
}
